<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/xhtml/templates/layout.xhtml">

	<ui:define name="title"> #{msgs.RechercheFormateur_tabTitle} </ui:define>

	<ui:define name="entete">
		<h:form id="enteteForme" styleClass="container-vertically-centered">
			<p:toolbar id="enteteTolBar" style="height: 30px;">
				<p:toolbarGroup id="enteteTolBarGroup" align="left">
					<h:commandButton id="first" image="/images/fleche1.png" action="vueFormateur.xhtml" style="width: 30px" rendered="#{manageBeanAgenda.service.loginUser == 'admin'}" title="Retour"/>
				</p:toolbarGroup>
				
				<p:toolbarGroup id="s" style="font-size: 12px" align="center">
					<h:outputText value="#{msgs.RechercheFormateur_title}" />
				</p:toolbarGroup>
			</p:toolbar>
		</h:form>
	</ui:define>

	<ui:define name="RechercheFormateur_SearchFormateur_wizard">
		<h:form>

			<p:spacer height="20" />

			<p:panel header="Recherche par compétence">
				<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid" style="margin-top: 1.5%;">

					<h:outputText value="#{msgs.VueFormateur_AjoutCompetenceFormateur_titre}*" />
					<p:inputText required="true" label="Nom" value="#{manageBeanAgenda.mRechercheFormateur.searchCompetence}" />

				</h:panelGrid>
			</p:panel>
			
			<p:commandButton value="#{msgs.RechercheFormateur_rechercheEnregistrer}" action="#{manageBeanAgenda.searchFormateurPourAgenda}" ajax="false" />

			<p:commandButton oncomplete="confirmation.show()" update="dfd" value="#{msgs.RechercheFormateur_recherche2emeEtape}"/>

		
		</h:form>
	</ui:define>
	
	<ui:define name="test">
		<h:form id="dfd" styleClass="container-vertically-centered">
			
			<p:confirmDialog message="#{msgs.Choisisez_un_formateur}" showEffect="bounce" hideEffect="explode" header="#{msgs.liste_des_formateur_disponible}" widgetVar="confirmation">
				<h:panelGrid id="testg">
						<p:dataTable id="agenda_tableDatatTable" var="formateur" value="#{manageBeanAgenda.service.mSearchFormateurList}" rowKey="#{formateur.key}"
						             selection="#{manageBeanAgenda.selectedRechercheFormateurPourAgenda}" selectionMode="single" style="width: 753px">
  							
  							<p:column headerText="#{msgs.VueFormateur_ModifFormateur_nom}">
								<h:outputText value="#{formateur.nom}" />
							</p:column>
  							
  							<p:column headerText="#{msgs.VueFormateur_ModifFormateur_prenom}">
								<h:outputText value="#{formateur.prenom}" />
							</p:column>

						</p:dataTable>						
					</h:panelGrid>
					
					<p:commandButton value="ok" update="growl" action="#{manageBeanAgenda.searchFini}" ajax="false"/>
			</p:confirmDialog>
			
		</h:form>
	</ui:define>

	<ui:define name="pieddepage">
		<h:form id="pieddepageForm" styleClass="container-vertically-centered">
			<p:toolbar id="pieddepageTolBar" style="height: 30px;">
			</p:toolbar>
				<h:panelGrid id="j">
					<h:graphicImage url="/images/logo_recherche.png" style="margin-left: 250%; margin-top: 60%; width: 300px;" />
				</h:panelGrid>
				<h:panelGrid id="jj">
					<h:graphicImage url="/images/bonhomme_loupe_2.png" style="margin-left:400%; margin-top: -905%; width: 70px;" />
				</h:panelGrid>
				<h:panelGrid id="jjj">
					<h:graphicImage url="/images/bonhomme_loupe_3.png" style="margin-left:2500%; margin-top: -910%;width: 70px;" />
				</h:panelGrid>
		</h:form>
	</ui:define>

</ui:composition>